<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
    <h:body>
        <h:form id="form">
            <DIV ALIGN="center" >
                <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" style="background-color: lightgray" >  
                    <p:panel header="SEGUIMIENTO TELEFONICO DE PRÁCTICA" >
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            
                            
                        </h:panelGrid>
                        
                        <h:panelGrid columns="4" border="" bgcolor="" dir="right" >
                            <h:outputText value="Fecha  " />
                            <p:calendar value="#{calendarBean.date3}" id="popupButtonCal" showOn="button" />
                            <h:outputText value="Hora  " />
                            <p:calendar value="#{calendarBean.date3}" pattern="hh:mm a"  timeOnly="true"/>
                                
                        </h:panelGrid>
                        <h:panelGrid columns="1" border="" bgcolor="" dir="center" >
                            <h:outputText value="Temas tratados  " />
                            <p:inputTextarea rows="7" cols="80" />
                            
                        </h:panelGrid>
                    </p:panel>
                    
                    <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" onclick=""/>  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="#{formBean.selectedOptions}" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="#{formBean.selectedMovies}" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
                </p:panel>    
                <h:outputText value="Fundacion Universitaria Konrad Lorenz - Todos los derechos reservados*" style="color: lightgray"/>    
            </DIV>        
        </h:form>    
    </h:body>    
</html>
